<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		<div class="topcoat-navigation-bar">
		    <div class="topcoat-navigation-bar__item center three-quarters">
		        <h1 class="topcoat-navigation-bar__title">Accumu Winner</h1>
		    </div>
		    <div class="topcoat-navigation-bar__item right quarter">
		        <a class="topcoat-icon-button--quiet" ng-click="changeSettings()">
		            <span class="topcoat-icon settings-icon"></span>
		        </a>
		    </div>
		</div>
		<div class="topcoat-list__container list">
		    <h3 class="topcoat-list__header">Use the Menu Below to Navigate</h3>
		    <ul class="topcoat-list">
		        <li class="topcoat-list__item--first" ng-click="slidePage('/view1')">
		            Register
		        </li>
		        <li class="topcoat-list__item" ng-click="slidePage('/view2')">
		            Login
		        </li>
		        <li class="topcoat-list__item" ng-click="slidePage('/view3')">
		            Browse Products
		        </li>
		        <li class="topcoat-list__item" ng-click="slidePage('/view4')">
		            Shopping Cart
		        </li>
		        <li class="topcoat-list__item" ng-click="slidePage('/view5')">
		            My Account
		        </li>
		        <li class="topcoat-list__item" ng-click="slidePage('/view6')">
		            Log Off
		        </li>
		    </ul>
		    <div class="topcoat-navigation-bar">
		        <h3 class="centerize"  ng-show="!showURL" ng-swipe-left="showURL=true">Version  {{' %VERSION%' | interpolate}} </h3>
		        <h3 class="centerize" ng-show="showURL" ng-swipe-right="showURL=false"><a href="http://devgirl.org">devgirl.org </a></h3>
		    </div>
		</div>
		<ng-include src="'partials/settingsOverlay.html'"></ng-include>
	</body>
</html>